<template>
    <div id="aside-right">

        <router-view></router-view>
2342
        <FooterWidget />
        <div @click="trans2('ContactUs')" class="call-us">
            联系我们 >>
        </div>
    </div>
  </template>
  
  <script setup lang="ts">
  import { onMounted, defineComponent  } from 'vue';
import { useRouter } from 'vue-router';
  import FooterWidget from '../../components/FooterWidget.vue';

  
  defineComponent({
    FooterWidget
  })

  
//   const state = reactive({
//     products:[
//         {
//             name:"产品1",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品2",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品3",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品4",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品5",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品6",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品7",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品8",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品9",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品10",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//         {
//             name:"产品11",
//             photoUrl:"/index/test.png",
//             direct:"/index/product/product1"
//         },
//     ] as Product[]
//   })
const router = useRouter()
const trans2 = (name:string)=>{
  console.log(name);
  
  router.push({
    name:name
  })
}
  onMounted(()=>{
    console.log("HelloWorld");
  })
  </script>
  
  <style lang="less" scoped>
#aside-right{
    width: 100%;
    height: 100%;
    // overflow-y: scroll;
    position: relative;
    /* background-color: black; */

    .call-us{
        position: fixed;
        right: 6rem;
        bottom: 4rem;
        width: 16rem;
        height: 5rem;
        background-color: rgb(90, 180, 254);
        border-radius: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.8rem;
        color: white;
        cursor: pointer;
    }

    .test{
        height: 2rem;
        width: 100%;
        background-color: beige;
    }

}
  </style>
  